<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8'/>
    <meta content='' name='description'/>
    <meta content='noodp, noydir' name='robots'/>
    <meta content='width=device-width, initial-scale=1' name='viewport'/>
    <meta content='MMM d, yyyy hh:mm:ss a' id="timeStampFormat" name="timeStampFormat"/>

    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <link href='http://extentreports.com/resx/dist/css/extent.css' rel='stylesheet' type='text/css'/>

    <title>{{ html_report_name }} - TestReport</title>

    <style type='text/css'>
        .node.level-1 ul {
            display: none;
        }

        .node.level-1.active ul {
            display: block;
        }

        .card-panel.environment th:first-child {
            width: 30%;
        }
    </style>
</head>

<body class='extent standard default hide-overflow white'>
<div alt='切换主题，默认黑色' id='theme-selector' title='切换主题'>
    <span><i class='material-icons'>desktop_windows</i></span>
</div>

<nav>
    <div class="nav-wrapper">
        <a class="brand-logo blue darken-3" href="#!">Extent</a>

        <!-- slideout menu -->
        <ul class='side-nav fixed hide-on-med-and-down' id='slide-out'>
            <li class='waves-effect active'><a href='#!' onclick="configureView(0);chartsView('test');"
                                               view='test-view'><i
                    class='material-icons'>dashboard</i></a>
            </li>
            <li class='waves-effect'><a href='#!' onclick="configureView(1)" view='category-view'><i
                    class='material-icons'>label_outline</i></a></li>
            <li class='waves-effect'><a href='#!' onclick="configureView(-1);chartsView('dashboard');"
                                        view='dashboard-view'><i class='material-icons'>track_changes</i></a></li>
        </ul>

        <!-- report name -->
        <span class='report-name'>Test Report: {{ html_report_name }}</span>

        <!-- report headline -->
        <span class='report-headline'></span>

        <!-- nav-right -->
        <ul class='right hide-on-med-and-down nav-right' id='nav-mobile'>
            <li>
                <a href='#!'>
                    <span class='label suite-start-time blue darken-3'>{{ time.start_at }}</span>
                </a>
            </li>
            <li>
                <a href='#!'>
                    <span class='label blue darken-3'>HttpRunner {{ platform.httprunner_version }} </span>
                </a>
            </li>
            <li>
                <a href='#!'>
                    <span class='label blue darken-3'>{{ platform.python_version }} </span>
                </a>
            </li>
            <li>
                <a href='#!'>
                    <span class='label blue darken-3'>{{ platform.platform }}</span>
                </a>
            </li>
        </ul>
    </div>
</nav>

<!-- container -->
<div class='container'>

    <div class='view' id='test-view'>

        <section id='controls'>
            <div class='controls grey lighten-4'>
                <!-- test toggle -->
                <div class='chip transparent'>
                    <a class='dropdown-button tests-toggle' data-activates='tests-toggle' data-beloworigin='true'
                       data-constrainwidth='true' data-hover='true' href='#'>
                        <i class='material-icons'>warning</i> Status
                    </a>
                    <ul class='dropdown-content' id='tests-toggle'>
                        <li status='pass'><a href='#!'>Pass <i
                                class='material-icons green-text'>check_circle</i></a>
                        </li>
                        <li status='fail'><a href='#!'>Fail <i class='material-icons red-text'>cancel</i></a></li>
                        <li status="skip"><a href="#!">Skip <i class="material-icons cyan-text">redo</i></a></li>
                        <li class='divider'></li>
                        <li clear='true' status='clear'><a href='#!'>Clear Filters <i
                                class='material-icons'>clear</i></a></li>
                    </ul>
                </div>
                <!-- test toggle -->


                <!-- category toggle -->

                <!-- clear filters -->
                <div class='chip transparent hide'>
                    <a alt='Clear Filters' class='' id='clear-filters' title='Clear Filters'>
                        <i class='material-icons'>close</i> Clear
                    </a>
                </div>
                <!-- clear filters -->

                <!-- enable dashboard -->
                <div class='chip transparent' id='toggle-test-view-charts'>
                    <a alt='Enable Dashboard' class='pink-text' id='enable-dashboard' title='Enable Dashboard'>
                        <i class='material-icons'>track_changes</i> Dashboard
                    </a>
                </div>
                <!-- enable dashboard -->

                <!-- search -->
                <div alt='Search Tests' class='chip transparent' title='Search Tests'>
                    <a class='search-div' href="#">
                        <i class='material-icons'>search</i> Search
                    </a>

                    <div class='input-field left hide'>
                        <input class='validate browser-default' id='search-tests' placeholder='Search Tests...' style="color: red"
                               type='text'>
                    </div>

                </div>
                <!-- search -->
            </div>
        </section>


        <div class='subview-full' id='test-view-charts'>

            <div class='subview-full' id='test-view-charts'>
                <div class='row nm-v nm-h' id='charts-row'>
                    <div class='col s12 m6 l6 np-h'>
                        <div class='card-panel nm-v'>

                            <div class='block text-small'>
                                    <span data-position='top'><span class='strong' style="font-size:20px">Tests</span>
                            </div>
                            <div class='block text-small'>
                                <span data-position='top'><span class='strong' style="color:#32cd32">{{ stat.successes }}</span> api(s) passed</span>
                            </div>
                            <div class='block text-small'>
                                <span data-position='top'><span class='strong'
                                                                style="color:red">{{ stat.failures }}</span> api(s) failed</span>
                            </div>
                            <div class='block text-small'>
                                <span data-position='top'><span class='strong'
                                                                style="color:#42A5F5">{{ stat.errors }}</span> api(s) errored</span>
                            </div>
                        </div>
                    </div>

                    <div class='col s12 m6 l6 np-h'>
                        <div class='card-panel nm-v'>

                            <div class='block text-small'>
                                    <span data-position='top'><span class='strong' style="font-size:20px">Cases</span>
                            </div>

                            <div class='block text-small'>
                                <span data-position='top'><span class='strong' style="color:#32cd32">{{ stat.successes_scene }}</span> case(s) successes</span>
                            </div>

                            <div class='block text-small'>
                                <span data-position='top'><span class='strong' style="color:red">{{ stat.failures_scene }}</span> case(s) failures</span>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class='subview-left left'>

            <div class='view-summary'>
                <h5>Cases</h5>
                <ul class='test-collection' id='test-collection'>

                    {% for test_suite_summary in details %}
                    {% if test_suite_summary.success == True %}
                    <li bdd='true' class='test displayed active has-leaf pass' status='pass'
                        test-id='{{ test_suite_summary.name }}_{{ loop.index }}'>
                        {% else %}
                    <li bdd='false' class='test displayed active has-leaf fail' status='fail'
                        test-id='{{ test_suite_summary.name }}_{{ loop.index }}'>
                        {% endif %}
                        <div class='test-heading'>
                            <span class='test-name'>{{ test_suite_summary.name }}</span>
                            <span class='label start-time'>{{ '%0.3f'| format(test_suite_summary.time.duration|float) }} ms</span>
                            {% if test_suite_summary.success == True %}
                            <span class='test-status right pass'>pass</span>
                            {% else %}
                            <span class='test-status right fail'>fail</span>
                            {% endif %}


                        </div>
                        <div class='test-content hide'>
                            <div class='test-desc'>Pass: {{ test_suite_summary.stat.successes }} ;
                                Fail: {{ test_suite_summary.stat.failures }} ;
                                Error: {{ test_suite_summary.stat.errors }}
                                Skip: {{ test_suite_summary.stat.skipped }} ;
                            </div>
                            <div class='test-attributes'>

                            </div>
                            <ul class='collapsible node-list' data-collapsible='accordion'>
                                {% for record in test_suite_summary.records %}
                                {% if record.status == 'success' %}
                                <li class='node level-1 leaf pass' status='pass'
                                    test-id='{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}'>
                                    {% elif record.status == 'failure' %}
                                <li class='node level-1 leaf fail' status='fail'
                                    test-id='{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}'>
                                    {% elif record.status == 'error' %}
                                <li class='node level-1 leaf error' status='error'
                                    test-id='{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}'>
                                    {% elif record.status == 'skipped' %}
                                <li class='node level-1 leaf skip' status='skip'
                                    test-id='{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}'>
                                    {% endif %}
                                    <div class='collapsible-header'>
                                        <div class='node-name'>{{ record.name }}</div>
                                        <span class='node-time'>{{ record.start_timestamp }}</span>
                                        <span class='node-duration'>response_time: {{ record.meta_data.response.response_time_ms }} ms</span>
                                        {% if record.status == 'success' %}
                                        <span class='test-status right pass'>pass</span>
                                        {% elif record.status == 'failure' %}
                                        <span class='test-status right fail'>fail</span>
                                        {% elif record.status == 'error' %}
                                        <span class='test-status right error'>error</span>
                                        {% elif record.status == 'skipped' %}
                                        <span class='test-status right skip'>skip</span>
                                        {% endif %}

                                    </div>
                                    <div class='collapsible-body'>
                                        <div class='category-list right'>
                                            <span class='category label white-text'>{{ test_suite_summary.name }}</span>
                                            <span class='category label white-text'>{{ record.name }}</span>
                                        </div>
                                        <div class='node-steps'>
                                            <table class='bordered table-results'>
                                                <thead>
                                                <tr>
                                                    <th>Status</th>
                                                    <th>Params</th>
                                                    <th>Details</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr class='info' status='info'>
                                                    <td alt='info' class='status info' title='info'><i
                                                            class='material-icons'>low_priority</i></td>
                                                    <td class='timestamp'>url</td>
                                                    <td class='step-details'>{{ record.meta_data.request.url }}</td>
                                                </tr>
                                                <tr class='info' status='info'>
                                                    <td alt='info' class='status info' title='info'><i
                                                            class='material-icons'>low_priority</i></td>
                                                    <td class='timestamp'>method</td>
                                                    <td class='step-details'>{{ record.meta_data.request.method }}
                                                    </td>
                                                </tr>
                                                <tr class='info' status='info'>
                                                    <td alt='info' class='status info' title='info'><i
                                                            class='material-icons'>low_priority</i></td>
                                                    <td class='timestamp'>status_code</td>
                                                    <td class='step-details'>{{
                                                        record.meta_data.response.status_code }}
                                                    </td>
                                                </tr>
                                                {% for key, value in record.meta_data.request.items() %}
                                                {% if key != 'url' and key != 'method' and key != 'start_timestamp'
                                                %}
                                                <tr class='log' status='debug'>
                                                    <td alt='debug' class='status debug' title='debug'><i
                                                            class='material-icons'>low_priority</i></td>
                                                    <td class='timestamp'>{{ key }}</td>
                                                    <td class='step-details'>
                                                        {% if key == "headers" %}
                                                        {% for header_key, header_value in
                                                        record.meta_data.request.headers.items() %}
                                                        <div>
                                                            <strong>{{ header_key }}</strong>: {{ header_value }}
                                                        </div>
                                                        {% endfor %}
                                                        {% else %}
                                                        {{ value }}
                                                        {% endif %}
                                                    </td>

                                                </tr>
                                                {% endif %}
                                                {% endfor %}

                                                {% for key, value in record.meta_data.response.items() %}
                                                {% if key != "content" and key != "json" and key != "elapsed_ms" and
                                                key != "response_time_ms" and key != "content_size" and key !=
                                                "content_type" and key != "status_code" and key != "reason" and key
                                                != "ok" and key != "encoding" and key != "url" %}
                                                <tr class='log' status='debug'>
                                                    <td alt='debug' class='status debug' title='debug'><i
                                                            class='material-icons'>low_priority</i></td>
                                                    <td class='timestamp'>{{ key }}</td>
                                                    <td class='step-details'>
                                                        {% if key == "headers" %}
                                                        {% for header_key, header_value in
                                                        record.meta_data.response.headers.items() %}
                                                        <div>
                                                            <strong>{{ header_key }}</strong>: {{ header_value }}
                                                        </div>
                                                        {% endfor %}
                                                        {% elif key == "text" %}
                                                        {% if record.meta_data.response.content_type == 'image' %}
                                                        <img src="{{ record.meta_data.response.content }}"/>
                                                        {% else %}
                                                        <pre>{{ record.meta_data.response.text }}</pre>
                                                        {% endif %}
                                                        {% else %}
                                                        {{ value }}
                                                        {% endif %}
                                                    </td>
                                                </tr>
                                                {% endif %}
                                                {% endfor %}

                                                <tr class='log' status='pass'>
                                                    <td alt='pass' class='status pass' title='pass'><i
                                                            class='material-icons'>low_priority</i></td>
                                                    <td class='timestamp'>Validators</td>
                                                    <td class='step-details'>
                                                        {% for validator in record.meta_data.validators %}
                                                        <div>
                                                            <strong>{{ validator.comparator }}:</strong>[ {{
                                                            validator.expect }}
                                                            ,&nbsp;&nbsp;{{ validator.check_value }} ]
                                                        </div>
                                                        {% endfor %}
                                                    </td>
                                                </tr>

                                                <tr class='info' status='info'>
                                                    <td alt='info' class='status info' title='info'><i
                                                            class='material-icons'>low_priority</i></td>
                                                    <td class='timestamp'>Statistics</td>
                                                    <td class='step-details'>
                                                        <div>
                                                            content_size(bytes): {{
                                                            record.meta_data.response.content_size }}
                                                        </div>
                                                        <div>
                                                            response_time(ms): {{
                                                            record.meta_data.response.response_time_ms }}
                                                        </div>
                                                        <div>
                                                            elapsed(ms): {{ record.meta_data.response.elapsed_ms }}
                                                        </div>
                                                    </td>
                                                </tr>


                                                {% if record.attachment %}
                                                <tr class='log' status='fail'>
                                                    <td alt='fail' class='status fail' title='fail'><i
                                                            class='material-icons'>cancel</i></td>
                                                    <td class='timestamp'>exception:</td>
                                                    <td class='step-details'>
                                                        <pre>{{ record.attachment }}</pre>
                                                    </td>
                                                </tr>
                                                {% endif %}
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </li>
                                {% endfor %}
                            </ul>
                        </div>
                        {% endfor %}
                </ul>
            </div>
        </div>
        <!-- subview left -->

        <div class='subview-right left'>
            <div class='view-summary'>
                <h5 class='test-name'></h5>

                <div class="right" id='step-filters'>
                    <span alt="info" class="blue-text" status="info" title="info"><i
                            class="material-icons">info_outline</i></span>
                    <span alt="pass" class="green-text" status="pass" title="pass"><i class="material-icons">check_circle</i></span>
                    <span alt="fail" class="red-text" status="fail" title="fail"><i
                            class="material-icons">cancel</i></span>
                    <span alt="fatal" class="red-text text-darken-4" status="fatal" title="fatal"><i
                            class="material-icons">cancel</i></span>
                    <span alt="error" class="pink-text text-lighten-1" status="error" title="error"><i
                            class="material-icons">error</i></span>
                    <span alt="warning" class="orange-text" status="warning" title="warning"><i
                            class="material-icons">warning</i></span>
                    <span alt="skip" class="teal-text" status="skip" title="skip"><i
                            class="material-icons">redo</i></span>
                    <span alt="Clear filters" status="clear" title="Clear filters"><i
                            class="material-icons">clear</i></span>
                </div>
            </div>
        </div>
    </div>
    <!-- subview right -->
    <!-- test view -->
    <div class='view hide' id='category-view'>

        <section id='controls'>
            <div class='controls grey lighten-4'>
                <!-- search -->
                <div alt='Search Tests' class='chip transparent' title='Search Tests'>
                    <a class='search-div' href="#">
                        <i class='material-icons'>search</i> Search
                    </a>

                    <div class='input-field left hide'>
                        <input class='validate browser-default' id='search-tests' placeholder='Search Tests...'
                               tyle="color: red;"
                               type='text'>
                    </div>

                </div>
                <!-- search -->
            </div>
        </section>

        <div class='subview-left left'>

            <div class='view-summary'>
                <h5>Categories</h5>
                <ul class='category-collection' id='category-collection'>

                    <li class='category displayed active'>
                        <div class='category-heading'>
                            <span class='category-name'>All Suites</span>
                            <span class='category-status right'>
							    <span class='label pass'>{{ stat.successes }} </span>
                                {% if stat.failures != 0 %}
                                    <span class='label fail'>{{ stat.failures }}</span>
                                {% endif %}
                                {% if stat.errors != 0 %}
                                    <span class='label blue lighten-1'>{{ stat.errors }}</span>
                                {% endif %}
                                {% if stat.skipped != 0 %}
                                    <span class='label yellow darken-2'>{{ stat.skipped }}</span>
                                {% endif %}
                                </span>
                        </div>
                        <div class='category-content hide'>
                            <div class='category-status-counts'>
                                <span class='label green accent-4 white-text'>Passed: {{ stat.successes }}</span>
                                <span class='label red lighten-1 white-text'>Failed: {{ stat.failures }}</span>
                                <span class='label blue lighten-1 white-text'>Errored: {{ stat.errors }}</span>
                                <span class="label yellow darken-2 white-text">Skipped: {{ stat.skipped }}</span>
                            </div>

                            <div class='category-tests'>
                                <table class='bordered table-results'>
                                    <thead>
                                    <tr>
                                        <th>Timestamp</th>
                                        <th>TestName</th>
                                        <th>Status</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for test_suite_summary in details %}
                                    <tr style="border: 1px solid #49cc90; background-color: rgba(73, 204, 144, .1)">
                                        <td>{{ test_suite_summary.time.start_at }}</td>
                                        <td class='linked'
                                            test-id='{{ test_suite_summary.name }}_{{ loop.index }}'>{{
                                            test_suite_summary.name }}
                                        </td>
                                        {% if test_suite_summary.success == True %}
                                        <td><span class='test-status pass'>pass</span></td>
                                        {% else %}
                                        <td><span class='test-status fail'>fail</span></td>
                                        {% endif %}

                                    </tr>
                                    {% for record in test_suite_summary.records %}
                                    {% if record.name != test_suite_summary.name %}
                                    <tr>
                                        <td>{{ record.meta_data.request.start_timestamp }}</td>
                                        <td class='linked'
                                            test-id='{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}'>
                                            {{ record.name }}
                                        </td>
                                        {% if record.status == 'success' %}
                                        <td><span class='test-status pass'>pass</span></td>
                                        {% elif record.status == 'failure' %}
                                        <td><span class='test-status fail'>fail</span></td>
                                        {% elif record.status == 'error' %}
                                        <td><span class='test-status error'>error</span></td>
                                        {% elif record.status == 'skipped' %}
                                        <td><span class='test-status' style="color: #fbc02d">skip</span>
                                        </td>
                                        {% endif %}
                                    </tr>
                                    {% endif %}
                                    {% endfor %}
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </li>

                    {% for test_suite_summary in details %}
                    <li class='category displayed active'>
                        <div class='category-heading'>
                            <span class='category-name'>{{ test_suite_summary.name }}</span>
                            <span class='category-status right'>
							    <span class='label pass'>{{ test_suite_summary.stat.successes }} </span>
                                    {% if test_suite_summary.stat.failures != 0 %}
                                        <span class='label fail'>{{ test_suite_summary.stat.failures }}</span>
                                    {% endif %}
                                    {% if test_suite_summary.stat.errors != 0 %}
                                        <span class='label blue lighten-1'>{{ test_suite_summary.stat.errors }}</span>
                                    {% endif %}
                                    {% if test_suite_summary.stat.skipped != 0 %}
                                        <span class='label yellow darken-2'>{{ test_suite_summary.stat.skipped }}</span>
                                    {% endif %}
                                </span>
                        </div>
                        <div class='category-content hide'>
                            <div class='category-status-counts'>
                                <span class='label green accent-4 white-text'>Passed: {{ test_suite_summary.stat.successes }}</span>
                                <span class='label red lighten-1 white-text'>Failed: {{ test_suite_summary.stat.failures }}</span>
                                <span class='label blue lighten-1 white-text'>Errored: {{ stat.errors }}</span>
                                <span class="label yellow darken-2 white-text">Skipped: {{ test_suite_summary.stat.skipped }}</span>
                            </div>

                            <div class='category-tests'>
                                <table class='bordered table-results'>
                                    <thead>
                                    <tr>
                                        <th>Timestamp</th>
                                        <th>TestName</th>
                                        <th>Status</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for record in test_suite_summary.records %}
                                    <tr>
                                        <td>{{ record.meta_data.request.start_timestamp }}</td>
                                        <td class='linked'
                                            test-id='{{ test_suite_summary.name }}_{{ record.name }}_{{ loop.index }}'>
                                            {{ record.name }}
                                        </td>
                                        {% if record.status == 'success' %}
                                        <td><span class='test-status pass'>pass</span></td>
                                        {% elif record.status == 'failure' %}
                                        <td><span class='test-status fail'>fail</span></td>
                                        {% elif record.status == 'error' %}
                                        <td><span class='test-status error'>error</span></td>
                                        {% elif record.status == 'skipped' %}
                                        <td><span class='test-status' style="color: #fbc02d">skip</span>
                                        </td>
                                        {% endif %}
                                    </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </li>
                    {% endfor %}
                </ul>
            </div>
        </div>

        <div class='subview-right left'>
            <div class='view-summary'>
                <h5 class='category-name'></h5>
            </div>
        </div>
    </div>
    <!-- category view -->

    <div class='view hide' id='dashboard-view'>
        <div class='card-panel transparent np-v'>
            <h5>Dashboard</h5>

            <div class='row'>
                <div class='col s2'>
                    <div class='card-panel r' style="background-color:#fde4e4">
                        Pass
                        <div class='panel-lead'>{{ stat.successes }}</div>
                    </div>
                </div>
                <div class='col s2'>
                    <div class='card-panel r' style="background-color:#fde4e4">
                        Fail
                        <div class='panel-lead'>{{ stat.failures }}</div>
                    </div>
                </div>
                <div class='col s2'>
                    <div class='card-panel r' style="background-color:#fde4e4">
                        Error
                        <div class='panel-lead'>{{ stat.errors }}</div>
                    </div>
                </div>
                <div class='col s2'>
                    <div class='card-panel r' style="background-color:#fde4e4">
                        Skip
                        <div class='panel-lead'>{{ stat.skipped }}</div>
                    </div>
                </div>
                <div class='col s2'>
                    <div class='card-panel r' style="background-color:#fde4e4">
                        Start
                        <div class='panel-lead'>{{ time.start_datetime }}</div>
                    </div>
                </div>
                <div class='col s2'>
                    <div class='card-panel r' style="background-color:#fde4e4">
                        Time Taken
                        <div class='panel-lead'>{{ '%0.3f'| format(time.duration|float) }} seconds</div>
                    </div>
                </div>
                <div class='col s4'>
                    <div class='card-panel'>
                        <span class='right label cyan white-text'>Categories</span>
                        <p>&nbsp;</p>
                        <table>
                            <tr>
                                <th>Name</th>
                                <th>Passed</th>
                                <th>Failed</th>
                                <th>Errored</th>
                                <th>Skipped</th>
                            </tr>
                            <tr>
                                <td>All Suites</td>
                                <td class="pass">{{ stat.successes }}</td>
                                <td class="fail">{{ stat.failures }}</td>
                                <td class="error">{{ stat.errors }}</td>
                                <td class="skip">{{ stat.skipped }}</td>
                            </tr>

                            {% for test_suite_summary in details %}
                            <tr>
                                <td>{{ test_suite_summary.name }}</td>
                                <td class="pass">{{ test_suite_summary.stat.successes }}</td>
                                <td class="fail">{{ test_suite_summary.stat.failures }}</td>
                                <td class="error">{{ test_suite_summary.stat.errors }}</td>
                                <td class="skip">{{ test_suite_summary.stat.skipped }}</td>
                            </tr>
                            {% endfor %}
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- dashboard view -->
    <!-- testrunner-logs view -->
    <!-- container -->
</div>
<script>
    var test_suite_success = 0;
    {%
        for test_suite_summary in details %}
    {%
        if test_suite_summary.success == True %}
    test_suite_success = test_suite_success + 1;
    {%
        endif %
    }

    {%
        endfor %
    }

    var statusGroup = {
        passParent: {
    {
        stat.successes
    }
    },
    failParent: {
        {
            stat.failures
        }
    }
    ,
    fatalParent: 0,
        errorParent
    :
    {
        {
            stat.errors
        }
    }
    ,
    warningParent: 0,
        skipParent
    :
    {
        {
            stat.skipped
        }
    }
    ,
    exceptionsParent: 0,

        passChild
    :
    test_suite_success,
        failChild
    :
    {
        {
            details | length
        }
    }
    -test_suite_success,
        fatalChild
    :
    0,
        errorChild
    :
    0,
        warningChild
    :
    0,
        skipChild
    :
    0,
        infoChild
    :
    0,
        exceptionsChild
    :
    0,

        passGrandChild
    :
    0,
        failGrandChild
    :
    0,
        fatalGrandChild
    :
    0,
        errorGrandChild
    :
    0,
        warningGrandChild
    :
    0,
        skipGrandChild
    :
    0,
        infoGrandChild
    :
    0,
        exceptionsGrandChild
    :
    0,
    }
    ;

    document.getElementById('pass_suites').innerHTML = "<span class='strong'>" + test_suite_success + "</span> suite(s) passed";//找到id为'myId'的标签内插入html变量的值
    document.getElementById('fail_suites').innerText = {
    {
        details | length
    }
    }
    -test_suite_success;//找到id为'myId'的标签替换它的内容为html的值

</script>

<script src='http://extentreports.com/resx/dist/js/extent.js' type='text/javascript'></script>


<script type='text/javascript'>
    $(window).off("keydown");
</script>
</body>

</html>